<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<c:set var="contextPath" value="<%=request.getContextPath()%>"></c:set>
<!DOCTYPE html>
<html lang="en">
<head>

</head>

<body class="no-skin">


	<!-- /section:basics/sidebar -->
	<div class="main-content">
		<!-- #section:basics/content.breadcrumbs -->
		<div class="breadcrumbs" id="breadcrumbs">
			<script type="text/javascript">
					try {
						ace.settings.check('breadcrumbs', 'fixed')
					} catch (e) {
					}
				</script>

			<ul class="breadcrumb">
				<li><i class="ace-icon fa fa-home home-icon"></i> <a href="#">Home</a>
				</li>

				<li><a href="#">Tables</a></li>
				<li class="active">Simple &amp; Dynamic</li>
			</ul>
			<!-- /.breadcrumb -->

			<!-- #section:basics/content.searchbox -->
			<div class="nav-search" id="nav-search">
				<form class="form-search">
					<span class="input-icon"> <input type="text"
						placeholder="Search ..." class="nav-search-input"
						id="nav-search-input" autocomplete="off" /> <i
						class="ace-icon fa fa-search nav-search-icon"></i>
					</span>
				</form>
			</div>
			<!-- /.nav-search -->

			<!-- /section:basics/content.searchbox -->
		</div>

		<!-- /section:basics/content.breadcrumbs -->
		<div class="page-content">
			<!-- #section:settings.box -->
			<div class="ace-settings-container" id="ace-settings-container">
				<div class="btn btn-app btn-xs btn-warning ace-settings-btn"
					id="ace-settings-btn">
					<i class="ace-icon fa fa-cog bigger-150"></i>
				</div>

				<div class="ace-settings-box clearfix" id="ace-settings-box">
					<div class="pull-left width-50">
						<!-- #section:settings.skins -->
						<div class="ace-settings-item">
							<div class="pull-left">
								<select id="skin-colorpicker" class="hide">
									<option data-skin="no-skin" value="#438EB9">#438EB9</option>
									<option data-skin="skin-1" value="#222A2D">#222A2D</option>
									<option data-skin="skin-2" value="#C6487E">#C6487E</option>
									<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
								</select>
							</div>
							<span>&nbsp; Choose Skin</span>
						</div>

						<!-- /section:settings.skins -->

						<!-- #section:settings.navbar -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2"
								id="ace-settings-navbar" /> <label class="lbl"
								for="ace-settings-navbar"> Fixed Navbar</label>
						</div>

						<!-- /section:settings.navbar -->

						<!-- #section:settings.sidebar -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2"
								id="ace-settings-sidebar" /> <label class="lbl"
								for="ace-settings-sidebar"> Fixed Sidebar</label>
						</div>

						<!-- /section:settings.sidebar -->

						<!-- #section:settings.breadcrumbs -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2"
								id="ace-settings-breadcrumbs" /> <label class="lbl"
								for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
						</div>

						<!-- /section:settings.breadcrumbs -->

						<!-- #section:settings.rtl -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2"
								id="ace-settings-rtl" /> <label class="lbl"
								for="ace-settings-rtl"> Right To Left (rtl)</label>
						</div>

						<!-- /section:settings.rtl -->

						<!-- #section:settings.container -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2"
								id="ace-settings-add-container" /> <label class="lbl"
								for="ace-settings-add-container"> Inside <b>.container</b>
							</label>
						</div>

						<!-- /section:settings.container -->
					</div>
					<!-- /.pull-left -->

					<div class="pull-left width-50">
						<!-- #section:basics/sidebar.options -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2"
								id="ace-settings-hover" /> <label class="lbl"
								for="ace-settings-hover"> Submenu on Hover</label>
						</div>

						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2"
								id="ace-settings-compact" /> <label class="lbl"
								for="ace-settings-compact"> Compact Sidebar</label>
						</div>

						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2"
								id="ace-settings-highlight" /> <label class="lbl"
								for="ace-settings-highlight"> Alt. Active Item</label>
						</div>

						<!-- /section:basics/sidebar.options -->
					</div>
					<!-- /.pull-left -->
				</div>
				<!-- /.ace-settings-box -->
			</div>
			<!-- /.ace-settings-container -->

			<!-- /section:settings.box -->
			<div class="page-content-area">
				<div class="page-header">
					<h1>
						Tables <small> <i
							class="ace-icon fa fa-angle-double-right"></i> Static &amp;
							Dynamic Tables
						</small>
					</h1>
				</div>
				<!-- /.page-header -->

				<div class="row">
					<div class="col-xs-12">
						<!-- PAGE CONTENT BEGINS -->
						<div class="row">
							<div class="col-xs-12">
								<table id="sample-table-1"
									class="table table-striped table-bordered table-hover">
									<thead>
										<tr>
											<th><a  class="add-test">
													<button class="btn btn-xs btn-success">
														<i class="ace-icon fa fa-check bigger-120"></i>
													</button>
											    </a>
											    <a href="addExamTest">
														新增
											    </a>										
											</th>
											<th>题号</th>
											<th>科目</th>
											<th>题干</th>
											<th>选项A</th>
											<th>选项B</th>
											<th>选项C</th>
											<th>选项D</th>
											<th>答案</th>
											<th>题目类型</th>
											<th>题目分数</th>
											<th>操作</th>

										</tr>
									</thead>


									<c:forEach items="${testList }" var="test">
										<tr>
											<td></td>
											<td>${test.id }</td>
											<td>${test.subname }</td>
											<td><div class="content">${test.content }</div></td>
											<td><div class="choose">${test.chooseA }</div></td>
											<td><div class="choose">${test.chooseB }</div></td>
											<td><div class="choose">${test.chooseC }</div></td>
											<td><div class="choose">${test.chooseD }</div></td>
											<td>${test.answer }</td>
											<td>${test.examTestType.testType }</td>
											<td>${test.examTestType.testTypeScore }分</td>
											<td><a title="查看试题" class="btn btn-primary btn-xs show-test"><i class="ace-icon fa fa-comment"></i></a>
											    <a title="修改试题" class="btn btn-primary btn-xs edit-test"><i class="ace-icon fa fa-pencil"></i></a>
												<a title="删除试题" class="btn btn-primary btn-xs delete-test"><i class="ace-icon fa fa-trash-o"></i></a>
											</td>

										</tr>
									</c:forEach>

								</table>
							</div>
							<!-- /.span -->
						</div>
						<!-- /.row -->

						<div class="hr hr-18 dotted hr-double"></div>


						<!-- <div class="table-responsive"> -->



						<!--[if !IE]> -->
						<script type="text/javascript">
								window.jQuery
										|| document
												.write("<script src='${pageContext.request.contextPath }/static/assets/js/jquery.min.js'>"
														+ "<"+"/script>");
							</script>

						<!-- <![endif]-->

						<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='../assets/js/jquery1x.min.js'>"+"<"+"/script>");
</script>
<![endif]-->
						<script type="text/javascript">
							
							
								if ('ontouchstart' in document.documentElement)
									document
											.write("<script src='${pageContext.request.contextPath }/static/assets/js/jquery.mobile.custom.min.js'>"
													+ "<"+"/script>");
							</script>
						<script
							src="${pageContext.request.contextPath }/static/assets/js/bootstrap.min.js"></script>

						<!-- page specific plugin scripts -->
						<script
							src="${pageContext.request.contextPath }/static/assets/js/jquery.dataTables.min.js"></script>
						<script
							src="${pageContext.request.contextPath }/static/assets/js/jquery.dataTables.bootstrap.js"></script>

						<!-- ace scripts -->
						<script
							src="${pageContext.request.contextPath }/static/assets/js/ace-elements.min.js"></script>


						<!-- inline scripts related to this page -->
						<script type="text/javascript">
								jQuery(function($) {
									var oTable1 = $('#sample-table-2')
									//.wrap("<div class='dataTables_borderWrap' />")   //if you are applying horizontal scrolling (sScrollX)
									.dataTable({
										bAutoWidth : false,
										"aoColumns" : [ {
											"bSortable" : false
										}, null, null, null, null, null, {
											"bSortable" : false
										} ],
										"aaSorting" : [],

									//,
									//"sScrollY": "200px",
									//"bPaginate": false,

									//"sScrollX": "100%",
									//"sScrollXInner": "120%",
									//"bScrollCollapse": true,
									//Note: if you are applying horizontal scrolling (sScrollX) on a ".table-bordered"
									//you may want to wrap the table inside a "div.dataTables_borderWrap" element

									//"iDisplayLength": 50
									});
									/**
									var tableTools = new $.fn.dataTable.TableTools( oTable1, {
										"sSwfPath": "../../copy_csv_xls_pdf.swf",
									    "buttons": [
									        "copy",
									        "csv",
									        "xls",
											"pdf",
									        "print"
									    ]
									} );
									$( tableTools.fnContainer() ).insertBefore('#sample-table-2');
									 */

									$(document)
											.on(
													'click',
													'th input:checkbox',
													function() {
														var that = this;
														$(this)
																.closest(
																		'table')
																.find(
																		'tr > td:first-child input:checkbox')
																.each(
																		function() {
																			this.checked = that.checked;
																			$(
																					this)
																					.closest(
																							'tr')
																					.toggleClass(
																							'selected');
																		});
													});

									$('[data-rel="tooltip"]').tooltip({
										placement : tooltip_placement
									});
									function tooltip_placement(context, source) {
										var $source = $(source);
										var $parent = $source.closest('table')
										var off1 = $parent.offset();
										var w1 = $parent.width();

										var off2 = $source.offset();
										//var w2 = $source.width();

										if (parseInt(off2.left) < parseInt(off1.left)
												+ parseInt(w1 / 2))
											return 'right';
										return 'left';
									}

								})
							</script>

						<!-- the following scripts are used in demo only for onpage help and you don't need them -->
						<link rel="stylesheet"
							href="${pageContext.request.contextPath }/static/assets/css/ace.onpage-help.css" />
						<link rel="stylesheet"
							href="${pageContext.request.contextPath }/static/docs/assets/js/themes/sunburst.css" />

						<script type="text/javascript">
								ace.vars['base'] = '${pageContext.request.contextPath }/static';
							</script>
						<script
							src="${pageContext.request.contextPath }/static/assets/js/ace/elements.onpage-help.js"></script>
						<script
							src="${pageContext.request.contextPath }/static/assets/js/ace/ace.onpage-help.js"></script>
						<script
							src="${pageContext.request.contextPath }/static/docs/assets/js/rainbow.js"></script>
						<script
							src="${pageContext.request.contextPath }/static/docs/assets/js/language/generic.js"></script>
						<script
							src="${pageContext.request.contextPath }/static/docs/assets/js/language/html.js"></script>
						<script
							src="${pageContext.request.contextPath }/static/docs/assets/js/language/css.js"></script>
						<script
							src="${pageContext.request.contextPath }/static/docs/assets/js/language/javascript.js"></script>


						<!-- 查看详细试题 -->
						<div class="modal fade" id="showTestModal" tabindex="-1"
							role="dialog" aria-labelledby="showTestModallabel"
							aria-hidden="true">
							<div class="modal-dialog">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal"
											aria-hidden="true">&times;</button>
										<h4 class="modal-title" id="showTestModallabel">查看详细试题</h4>
									</div>
									<div class="modal-body">
										<label>试题科目:&nbsp;&nbsp;</label><span class="sub-name"></span><br />
										<label>题目:&nbsp;&nbsp;</label><span class="content"></span>&nbsp;&nbsp;----&nbsp;&nbsp;(<span
											class="test-type"></span>,每题<span class="test-type"></span><span class="test-type-score"></span>分)<br />
										<label>A:&nbsp;&nbsp;</label><span class="choose-a"></span><br />
										<label>B:&nbsp;&nbsp;</label><span class="choose-b"></span><br />
										<label>C:&nbsp;&nbsp;</label><span class="choose-c"></span><br />
										<label>D:&nbsp;&nbsp;</label><span class="choose-d"></span><br />
										<label style="font-weight: bold;">答案:&nbsp;&nbsp;</label><span
											class="answer" style="font-weight: bold;"></span>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-default"
											data-dismiss="modal">关闭</button>
									</div>
								</div>
							</div>
						</div>



						<!-- 添加试题  -  模态框 -->
						<div class="modal fade" id="addTestModal" tabindex="-1"
							role="dialog" aria-labelledby="addTestModalLabel"
							aria-hidden="true">
							<div class="modal-dialog">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal"
											aria-hidden="true">&times;</button>
										<h4 class="modal-title" id="addTestModalLabel">添加试题</h4>
									</div>
									<div class="modal-body">
										<form id="addTestForm" method="post">
											<p>
												<label>科目:</label><select name="subId"></select>
											</p>
											<p>
												<label>试题类型:</label><select name="testType">
												</select><label class="testTypeScore"></label>
											</p>
											<p>
												<label>题干:</label>
												<textarea name="content" cols="50" rows="8"
													placeholder="填写题目内容"></textarea>
											</p>
											<p>
												<label>选项A:</label><input type="text" name="chooseA"
													placeholder="填写候选答案内容，作为选项A" />
											</p>
											<p>
												<label>选项B:</label><input type="text" name="chooseB"
													placeholder="填写候选答案内容，作为选项B" />
											</p>
											<p>
												<label>选项C:</label><input type="text" name="chooseC"
													placeholder="填写候选答案内容，作为选项C" />
											</p>
											<p>
												<label>选项D:</label><input type="text" name="chooseD"
													placeholder="填写候选答案内容，作为选项D" />
											</p>
											<p>
												<label>答案</label> <span class="answerTotal"> <input
													type="radio" name="answer" value="A" checked /> <input
													type="checkbox" name="answer" value="A" />选项A <input
													type="radio" name="answer" value="B" checked /> <input
													type="checkbox" name="answer" value="B" />选项B <input
													type="radio" name="answer" value="C" checked /> <input
													type="checkbox" name="answer" value="C" />选项C <input
													type="radio" name="answer" value="D" checked /> <input
													type="checkbox" name="answer" value="D" />选项D
												</span>
											</p>
										</form>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-default"
											data-dismiss="modal">关闭</button>
										<button type="submit" class="btn btn-primary"
											id="addTestSaveBtn">添加</button>
									</div>
								</div>
							</div>
						</div>



<!-- 修改试题  -  模态框 -->
<div class="modal fade" id="editTestModal" tabindex="-1" role="dialog"
			aria-labelledby="editTestModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="editTestModalLabel">修改试题</h4>
					</div>
					<div class="modal-body">
						<form id="editTestForm" method="POST">
							<p>
								<label>科目:</label><select name="subId"></select>
							</p>
							<p>
								<label>试题类型:</label><select name="testType"></select> <label class="testTypeScore"></label>
							</p>
							<p>
								<label>题干:</label>
								<textarea rows="8" cols="50" name="content" placeholder="填写题目内容"></textarea>
							</p>
							<p>
								<label>选项A:</label><input type="text" name="chooseA"
									placeholder="填写候选答案内容，作为选项A" />
							</p>
							<p>
								<label>选项B:</label><input type="text" name="chooseB"
									placeholder="填写候选答案内容，作为选项B" />
							</p>
							<p>
								<label>选项C:</label><input type="text" name="chooseC"
									placeholder="填写候选答案内容，作为选项C" />
							</p>
							<p>
								<label>选项D:</label><input type="text" name="chooseD"
									placeholder="填写候选答案内容，作为选项D">
							</p>
							<p>
								<label>答案:</label> <span class="answerTotal"> <input
									type="radio" name="answer" value="A" /> <input
									type="checkbox" name="answer" value="A" />选项A <input
									type="radio" name="answer" value="B" /> <input type="checkbox"
									name="answer" value="B" />选项B <input type="radio"
									name="answer" value="C" /> <input type="checkbox"
									name="answer" value="C" />选项C <input type="radio"
									name="answer" value="D" /> <input type="checkbox"
									name="answer" value="D" /> 选项D
								</span>
							</p>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-primary" id="editTestBtn">修改</button>
					</div>
				</div>
			</div>
		</div>


</div>
</div>
</div>
</div>
</div>






<script type="text/javascript">
	
	<!-- JQuery 编写 -->

/*     查看考题方法   */
	$('.show-test').click(function() {
		
		var testId = $(this).parent().siblings().eq(1).text();
		$.ajax({
			type: 'POST',
			url: "${pageContext.request.contextPath}/teacher/getTestById",
			data: {
				testId: testId
			},
			dataType : "json",
			success : function(data) {
				$('#showTestModal .sub-name').text(data.subname);
				$('#showTestModal .content').text(data.content);
				$('#showTestModal .test-type').text(
						data.examTestType.testType);
				$('#showTestModal .test-type-score').text(
						data.examTestType.testTypeScore);
				$('#showTestModal .choose-a').text(data.chooseA);
				$('#showTestModal .choose-b').text(data.chooseB);
				$('#showTestModal .choose-c').text(data.chooseC);
				$('#showTestModal .choose-d').text(data.chooseD);
				$('#showTestModal .answer').text(data.answer);
				
			}
		});
		$('#showTestModal').modal('show');
});
	

	

 /* 新增方法  */    	
$('.add-test').click(function() {
			$.ajax({
						type : 'POST',
						url : '${pageContext.request.contextPath}/teacher/getSubjectAndTestType',
						dataType : "json",
						success : function(data) {
							$(
									'#addTestForm select[name="subId"]')
									.empty();
							$(
									'#addTestForm select[name="testType"]')
									.empty();

							$.each(	data.examSubject,
											function(index,
													item) {
												$('#addTestForm select[name="subId"]').append('<option value='+ item.subId +'>'
														+ item.name+ '</option>');
											});
							$.each(
											data.examTestTypevo,
											function(index,
													item) {
												$(
														'#addTestForm select[name="testType"]')
														.append('<option value='+ item.id +' score = '+ item.testTypeScore +'>'
																		+ item.testType+ '</option>');
											});
							$(
									'#addTestForm select[name="testType"]')
									.trigger('change');
						}
					});
			$('#addTestModal').modal('show');
		});
		
		


//保存并添加试题
$('#addTestSaveBtn').click(function() {
			if ( $('#addTestForm').valid()){
				var subId = $('#addTestForm select[name="subId"]').val();
				var testType = $(
						'#addTestForm select[name="testType"]')
						.val();
				var content = $(
						'#addTestForm textarea[name="content"]')
						.val();
				var chooseA = $(
						'#addTestForm input[name="chooseA"]')
						.val();
				var chooseB = $(
						'#addTestForm input[name="chooseB"]')
						.val();
				var chooseC = $(
						'#addTestForm input[name="chooseC"]')
						.val();
				var chooseD = $(
						'#addTestForm input[name="chooseD"]')
						.val();
				var answerString = '';
				if (testType == 1) {
					answerString += $(
							'#addTestForm input[name="answer"]:radio:checked')
							.val();
				} else if (testType == 2) {
					var array = $('#addTestForm input[name="answer"]:checkbox:checked');
					$
							.each(
									array,
									function(index, item) {
										answerString += (index == 0 ? $(
												item).val()
												: (',' + $(item)
														.val()));
									});
				} else {
					alert('无试题类型');
				}
				$
						.ajax({
							type : 'POST',
							url : '${pageContext.request.contextPath }/teacher/saveTest',
							data : {
								subId : subId,
								'examTestType.id' : testType,
								content : content,
								chooseA : chooseA,
								chooseB : chooseB,
								chooseC : chooseC,
								chooseD : chooseD,
								answer : answerString
							},
							dataType : "json",
							success : function(data) {
								if (data.success) {
									alert('添加成功!');
									window.location.reload();
								} else {
									var messageMap = data.messageMap;
									alert('添加失败!');
									for ( var key in messageMap) {
										var value = messageMap[key];
										$(
												'#addTestForm input[name ="'
														+ key
														+ '"]')
												.after(
														'<label class="jsr303-message-label">'
																+ value
																+ '</label>');
									}
								}
							}
						});
			}
		});
	



$('#addTestForm select[name="testType"]').change(function() {
	$('#addTestForm .testTypeScore').text(
			'本题每题'
					+ $(this).find('option:checked').attr(
							'score') + '分');
	var testType = $(this).val();

	if (testType == 1) {
		$('#addTestForm .answerTotal input:radio').show();
		$('#addTestForm .answerTotal input:checkbox').hide();
	} else if (testType == 2) {
		$('#addTestForm .answerTotal input:radio').hide();
		$('#addTestForm .answerTotal input:checkbox').show();
	} else {
		alert('无考题类型');
	}
});


//删除考题
$(".delete-test").click(function() {
	if(confirm('确定删除?')==false){
		return false;
	}
	<!-- var testId = $(this).parent().parent().siblings().eq(0).text();  -->
	var testId = $(this).parent().siblings().eq(1).text();
	alert(testId);
	$.ajax({
		type: 'POST',
		url: "${pageContext.request.contextPath }/teacher/deleteTest",
		data: {
			testId : testId
			},
		success: function(data) {
			if(data) {
				alert('删除成功');
				window.location.reload();
			} else {
				alert('删除失败');
				window.location.reload();
			}
		}
	});
});


//修改考题
var testId = 0;
$('.edit-test').click(function() {
	testId = $(this).parent().siblings().eq(1).text();
	$.ajax({
		type: 'POST',
		url: '${pageContext.request.contextPath }/teacher/getSubjectAndTestType',
		dataType: "json",
		success: function(data) {
			$('#editTestForm select[name="subId"]').empty();
			$('#editTestForm select[name="testType"]').empty();

			$.each(data.examSubject, function(index, item){
				$('#editTestForm select[name="subId"]').append('<option value='+ item.subId + '>' + item.name +'</option>');
			});
			$.each(data.examTestTypevo, function(index, item) {
				$('#editTestForm select[name="testType"]').append('<option value=' + item.id + ' score='+ item.testTypeScore+'>' + item.testType + '</option>');
			});
			$('#editTestForm select[name="testType"]').trigger('change');
		}
	});
	
	
	$.ajax({
		type: 'POST',
		url: '${pageContext.request.contextPath }/teacher/getTestById',
		data: {
			testId: testId
		},
		dataType: "json",
		success: function(data) {
			
			 var selectSubId = $('#editTestForm select[name="subId"]').find("option");
			 alert(selectSubId[0].value);
			 for(var i = 0;i < selectSubId.length; i++) {
					if(selectSubId[i].value == data.subId) {
						selectSubId[i].selected = true;
					}
			}

			 var answerRadio = $('#editTestForm .answerTotal input:radio');
			if(data.examTestType.id == 1) {
				$('#editTestForm select[name = "testType"]').find("option")[0].selected = true;
				$('#editTestForm select[name = "testType"]').change();
				var answerRadio = $('#editTestForm .answerTotal input:radio');
				for(var i = 0;i < answerRadio.length; i++) {
					if(answerRadio[i].value == data.answer) {
						answerRadio.eq(i).attr("checked", true);
					}
				}
			}   else if(data.examTestType.id == 2) {
				 $('#editTestForm select[name = "testType"]').find("option")[1].selected = true;
				$('#editTestForm select[name = "testType"]').change();
				var answerCheckbox = $('#editTestForm .answerTotal input:checkbox');
				var array = data.answer.split(",");
				 for(var i = 0; i < answerCheckbox.length; i++) {
					answerCheckbox[i].checked = false;
					for(var j = 0; j < array.length; j++) {
						 if(answerCheckbox[i].value == array[j]) {
							answerCheckbox[i].checked = true;
						} 
					} 
				}
				 
			}

			$('#editTestForm textarea[name = "content"]').val(data.content);
			$('#editTestForm input[name = "chooseA"]').val(data.chooseA);
			$('#editTestForm input[name = "chooseB"]').val(data.chooseB);
			$('#editTestForm input[name = "chooseC"]').val(data.chooseC);
			$('#editTestForm input[name = "chooseD"]').val(data.chooseD);
		}
		
	});
	$('#editTestModal').modal('show');
});


$('#editTestForm select[name="testType"]').change(function(){
	$('#editTestForm .testTypeScore').text('本题每题' + $(this).find('option:checked').attr('score') + '分');
	var testType = $(this).val();

	if(testType == 1) {
		$('#editTestForm .answerTotal input:radio').show();
		$('#editTestForm .answerTotal input:checkbox').hide();
		} else if (testType == 2) {
			$('#editTestForm .answerTotal input:radio').hide();
			$('#editTestForm .answerTotal input:checkbox').show();
			} else {
				alert('无试题类型');
			}
	});



$("#editTestBtn").click(function() {
	if($("#editTestForm").valid()) {
		
		var subId = $('#editTestForm select[name = "subId"]').val();
		var testType = $('#editTestForm select[name = "testType"]').val();
		var content = $('#editTestForm textarea[name = "content"]').val();
		var chooseA = $('#editTestForm input[name="chooseA"]').val();
		var chooseB = $('#editTestForm input[name="chooseB"]').val();
		var chooseC = $('#editTestForm input[name="chooseC"]').val();
		var chooseD = $('#editTestForm input[name="chooseD"]').val();
		var answerTotal = '';
		if(testType == 1) {
			answerTotal += $('#editTestForm .answerTotal input[name="answer"]:radio:checked').val();
		} else if (testType == 2) {
				var array = $('#editTestForm input[name="answer"]:checkbox:checked');
				$.each(array, function(index, item){
					answerTotal += (index == 0) ? ($(item).val()) : (',' + $(item).val()); 
				});
		} else {
			alert('无答案');
		}
		$.ajax({
			type: "POST",
			url: "${pageContext.request.contextPath }/teacher/updateTest",
			data: {
				id: testId,
				subId: subId,
				'examTestType.id': testType,
				content: content,
				chooseA: chooseA,
				chooseB: chooseB,
				chooseC: chooseC,
				chooseD: chooseD,
				answer: answerTotal
				},
			dataType: "json",
			success: function(data){
				if(data.success) {
					alert('修改成功');
					window.location.reload();
				} else {
					var messageMap = data.messageMap;
					for(var key in messageMap) {
						var value = messageMap[key];
						$('#addTestForm input[name ="'+ key+ '"]').after('<label class="jsr303-message-label">'
												+ value+ '</label>');
					}
					alert('修改失败');
				}
				}
			});
		}
	});

</script>

<script type="text/javascript">
			$().ready(function() {
				$('#addTestForm').validate({
					rules : {
						content : {
							required : true
						},
						chooseA : {
							required : true
						},
						chooseB : {
							required : true
						},
						chooseC : {
							required : true
						},
						chooseD : {
							required : true
						},
						answerTotal : {
							required : true
						}
					}
				});
				$('#editTestForm').validate({
					rules: {
						content: "required",
						chooseA: "required",
						chooseB: "required",
						chooseC: "required",
						chooseD: "required",
						answerTotal: "required"
						}
				});
			});
			
		</script>


</body>
</html>
